<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<html>
<head>
    <title>管理员后台</title>
    <style>
        body {
            background: #f5f5f5;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: #1a1a1a;
            margin: 0;
            padding: 0;
        }
        .admin-container {
            max-width: 700px;
            margin: 60px auto;
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 8px 32px rgba(0,0,0,0.10);
            padding: 48px 40px 40px 40px;
            border: 1px solid #e5e5e5;
        }
        .admin-title {
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 12px;
            color: #1a1a1a;
        }
        .admin-subtitle {
            color: #666;
            font-size: 16px;
            margin-bottom: 32px;
        }
        .admin-actions {
            display: flex;
            gap: 24px;
            flex-wrap: wrap;
            margin-bottom: 32px;
        }
        .admin-action {
            flex: 1 1 200px;
            background: #fafafa;
            border: 2px solid #e5e5e5;
            border-radius: 10px;
            padding: 32px 0 24px 0;
            text-align: center;
            transition: all 0.2s;
            color: #1a1a1a;
            font-size: 18px;
            font-weight: 600;
            text-decoration: none;
        }
        .admin-action:hover {
            background: #f0f0f0;
            border-color: #333;
            color: #000;
            transform: translateY(-2px);
            box-shadow: 0 4px 16px rgba(0,0,0,0.08);
        }
        .admin-user {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 32px;
        }
        .admin-avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: #1a1a1a;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            font-weight: bold;
        }
        .admin-username {
            font-size: 20px;
            font-weight: 600;
        }
        .admin-logout {
            margin-top: 24px;
            display: inline-block;
            color: #d32f2f;
            text-decoration: none;
            font-weight: 500;
            border-radius: 6px;
            padding: 8px 18px;
            border: 2px solid #e5e5e5;
            background: #fff;
            transition: all 0.2s;
        }
        .admin-logout:hover {
            background: #f8d7da;
            border-color: #d32f2f;
            color: #b71c1c;
        }
    </style>
</head>
<body>
    <div class="admin-container">
        <div class="admin-title">管理员后台</div>
        <div class="admin-subtitle">欢迎，${user.username}！您拥有系统最高权限。</div>
        <div class="admin-user">
            <div class="admin-avatar">${fn:substring(user.username, 0, 1)}</div>
            <div class="admin-username">${user.username}（管理员）</div>
        </div>
        <div class="admin-actions">
            <a href="/user/list" class="admin-action">用户管理</a>
            <a href="/space/owned" class="admin-action">空间管理</a>
            <a href="/user/admin/docs" class="admin-action">文档管理</a>
            <a href="/user/logout" class="admin-action">退出登录</a>
        </div>
    </div>
</body>
</html> 